<!-- INCLUDE overall_header.html -->

<link type="text/css" href="{T_THEME_PATH}/blocks_layout.css" rel="stylesheet" />
<link type="text/css" href="{T_THEME_PATH}/social_network.css" rel="stylesheet" />
<link type="text/css" href="{T_THEME_PATH}/jquery/ui-lightness/jquery-ui-1.7.2.css" rel="stylesheet" />
<script type="text/javascript" src="{T_TEMPLATE_PATH}/sn/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/sn/js/jquery-ui-1.7.2.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/sn/js/jquery.cookie.js"></script>
<!-- IF S_ARRANGE_JS -->
<script type="text/javascript">
$(function() {
	$(".column").sortable({
		connectWith: '.column',
		cursur: 'crosshair',
		forcePlaceholderSize: true,
		forceHolderSize: true,
		opacity: 0.6,
		placeholder: 'ui-state-highlight',
		revert: true,
		tolerance: 'pointer',
		change: function() {
			$left = $center = $right = '';
			$left += $('.movable').attr('id');
			$center += $('.movable').attr('id');
			$right += $('.movable').attr('id');
		},
		stop: function() {
			$left += $('#div-1b').sortable('serialize', {key: 'string'});
			$center += $('#div-1a').sortable('serialize', {key: 'string'});
			$right += $('#div-1c').sortable('serialize', {key: 'string'});

			$.cookie('sn_prof_left', $left, {
				path: '{SN_COOKIE_PATH}',
				domain: '{SN_COOKIE_DOMAIN}'
			});
			$.cookie('sn_prof_center', $center, {
				path: '{SN_COOKIE_PATH}',
				domain: '{SN_COOKIE_DOMAIN}'
			});
			$.cookie('sn_prof_right', $right, {
				path: '{SN_COOKIE_PATH}',
				domain: '{SN_COOKIE_DOMAIN}'
			});
		}
	});

	$(".movable").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all");
});
</script>
<!-- ENDIF -->

<div id="div-1">
	<div id="div-1b" class="column">
		<div class="movable" style="visibility:hidden;"><!-- Placeholder for empty columns. DO NOT REMOVE!!! --></div>
		<!-- Column 1 start (Left column) -->
		<!-- BEGIN left_blocks -->
			<div id="left_{left_blocks.S_BLOCK_ID}" class="movable">
				{left_blocks.S_BLOCK_FILE}
			</div>
		<!-- END left_blocks -->
		<!-- Column 1 end -->
	</div>

	<div id="div-1-padding">
		<div id="div-1a" class="column">
			<div class="movable" style="visibility:hidden;"><!-- Placeholder for empty columns. DO NOT REMOVE!!! --></div>
			<!-- Column 2 start (Center column) -->
			<!-- BEGIN center_blocks -->
				<div id="center_{center_blocks.S_BLOCK_ID}" class="movable">
					{center_blocks.S_BLOCK_FILE}
				</div>
			<!-- END center_blocks -->
			<!-- Column 2 end -->
		</div>
	</div>

	<div id="div-1c" class="column">
		<div class="movable" style="visibility:hidden;"><!-- Placeholder for empty columns. DO NOT REMOVE!!! --></div>
		<!-- Column 3 start (Right column) -->
		<!-- BEGIN right_blocks -->
			<div id="right_{right_blocks.S_BLOCK_ID}" class="movable">
				{right_blocks.S_BLOCK_FILE}
			</div>
		<!-- END right_blocks -->
		<!-- Column 3 end -->
	</div>

	<!-- IF S_ARRANGE_JS -->
	<div id="div-1d" class="column">
		<!-- BEGIN unused_blocks -->
		<div class="movable" style="visibility:hidden;"><!-- Placeholder for empty columns. DO NOT REMOVE!!! --></div>
		<div id="unused_{unused_blocks.BLOCK_ID}" class="movable">
			<div id="blk-head" class="forumbg">
				<div class="inner"><span class="corners-top"><span></span></span>
					<ul class="topiclist">
						<li class="header">
							<dl class="icon">
								<dt>{unused_blocks.BLOCK_NAME}</dt>
							</dl>
						</li>
					</ul>
					<ul class="topiclist topics">
						<li class="row bg1">This block information will be shown when the arrangement is submitted.</li>
					</ul>
				<span class="corners-bottom"><span></span></span></div>
			</div>
		</div>
		<!-- END unused_blocks -->
	</div>
	<!-- ENDIF -->

	<div id="div-1e">
	</div>
</div>

<div style="display:none;">
	<div id="leftedit"></div>
	<div id="centeredit"></div>
	<div id="rightedit"></div>
</div>

<!-- INCLUDE overall_footer.html -->